<!-- vue由实例组成的树构成 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
</body>
<script>
    var data = {a: 1}
    //这是根实例，是树的根
    //实例与数据的绑定只有在实例被创建时才会生效
    //后面给数据新增的属性，是没有被绑定的
    var vm = new Vue({
        data: data
    })

    //下面的东西是在console验证的
    // 获得这个实例上的 property
    // 返回源数据中对应的字段
    vm.a == data.a // => true

    // 设置 property 也会影响到原始数据
    vm.a = 2
    data.a // => 2

    // ……反之亦然
    data.a = 3
    vm.a // => 3
</script>
</html>